<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //箭头函数用于简化函数定义语法
        // const fn = (sum1, sum2) => {
        //     return sum1 + sum2;
        // }
        // console.log(fn(1, 2));

        // 简写  如果只有一条语句且为返回结果，可以省略{}
        // const fn = (sum1, sum2) => sum1 + sum2;
        // console.log(fn(1, 2));

        //如果只有一个形参，可以省略()
        // const fn = v => v;
        // console.log(fn(10));

        //箭头函数内不绑定this 箭头函数中的this指向箭头函数被定义区域的this
        // const obj = {
        //     pname: 'hah'
        // }
        // function fn() {
        //     console.log(this);
        //     return () => {
        //         console.log(this);
        //     }
        // }
        // const f = fn.call(obj);
        // f.call(obj);

        var age = 20;
        var obj = {
            age: 10,
            say: () => {
                console.log(this.age); //该箭头函数指向对象  对象没有作用域  则this指向全局变量
            },
        }
        obj.say();
    </script>
</body>

</html>